En text-editor, del 9

Detta är del nio, om skapandet av en text-editor för JavaScript. Läs tidigare delar: del 1:, del 2, del 3 (på Englska), del 4, del 5 (på Svenska), del 6, del 7 (på Engelska)

Jag har väntat alldeles för länge på att marknadsföra min editor. Jag har test-kört editorn på Chrome Web Store i över ett år, och ca 100 personer har installerat editorn. Tyvärr är det bara 2-3 personer som aktivt använt editorn. Och jag har ej fått något feedback ....

Lansering på "hacker news"

Får några veckor sedan beslutade jag att släppa min editor på nyhets-aggregatorn Hacker News" (HN).
HN är ett stort startup-community med inriktning teknologi och företagande, med många mjukvaru-utvecklare, det perfekta stället att marknadsföra min editor.

HN fungerar som så att man postar en länk, sedan får besökarna rösta upp det de gillar. Det går även att skriva kommentarer.

När man postar på HN kan det antingen bli succé - posten hamnar på första-sidan. Eller diss - knappt någon som ser posten.
Första-sidan består av 30 poster och det görs tusentals poster varje dag så är det inte så konstigt att de flesta poster försvinner i mängden. Hamnar posten dock på första sidan är man garanterad en stor ström av besökare till sidan som posten länkar till.

Jag gjorde en enkel landningssida för editorn, och postade länken på HN ... Det var totalt 5 personer som röstade på min länk, samt 4 kommentarer om man bortser från mina egna.
Posten hamnade inte på första-sidan, men jag fick ändå en hel del besökare. Ungefär 50 personer testade editorn.

Feedback

Besökarna på HN är tekniskt kunniga, en aning kräsna, samt ärliga. Jag fick dessa kommentarer:

• Du borde anlita en webb-designer
• Du borde bygga in en editor.
• Bra ide, men designen kan förbättras.
• Jag gillar iden, men editorn är ful och svår att använda.
• Typsnittet har verkligen fet stil!
• Landnings-sidan har ej validerad HTML!

När man utvecklar en produkt är det mycket svårt att förutse hur folk utvärderar och använder den. Jag har valt att inte använda någon "telemetri" dvs. "spionera" på användarna som många andra produkter och webbsidor gör. Men genom att läsa av server-loggarna kan jag se på ett hum hur besökarna beter sig ...

Hur utvärderar man en editor?

Det verkar som att de flesta utvärderar en editor genom att kolla på den i fem sekunder ...

Jag har gjort så gott jag kan för att göra editorn "snygg". Anlitade till och med en UX designer för att göra några koncept och förslag på design, men som dock gav upp, troligtvis för att jag både ville ha häpnadsväckande och samtidigt minimaliskt design 🤷

Personligen föredrar jag en minimalistisk design, och att använda snabbkommandon via tangentbordet i stället för musen. Ett av problemet då är hur man upptäcker editorns funktioner, och om folk verkar utvärdera editors genom att stirra på dem i fem sekunder, så måste jag komma på något drastiskt.
Efter att jag tänkt i en vecka nu så har jag beslutat att skapa en klassisk program-meny där man kan hitta alla funktioner, samt även en extra bar men flashiga ikoner för att framhäva funktionalitet.
Jag har även funderat på att göra en flashig dashboard med grafer mm, men det blir nästa steg om inte menyn är tillräckligt.

Webbsäkra typsnitt/fonter

När någon kommenterade att typsnittet var i super-fet stil, så trodde jag först att de menade typsnittet i editorn. En tidigare bug i Safari (webbläsaren på Mac), som nu verkar vara fixad, var att texten blev extra fet.

Provade några dagar efteråt att öppna landnings-sidan i Safari. Och texten visade sig super-fet!
Den "webbsäkra" fonten var inte alls så webb-säker ... Det såg så klart perfekt ut i i min webbläsare Firefox, men mega-fet i Safari...

Jag brukar ofta testa webbsidor i olika webbläsare, men inte denna gång då sidan var super-enkel och enbart bestod av text.
Lärdom: Testa alltid sidan i olika webbläsare!

Du borde bygga in en editor

Jag är ganska säker på att denna kommentar inte var ett skämt ¹. Jag har totalt misslyckats med designen, och det är nu prio på att göra det lättare att upptäcka editorns funktioner. Jag har även funderar på att göra videos som visar funktionerna och förklarar varför de är bra.

Nu blir jag dock lite osäker. Var dessa kommentarer angående landnings-sidan!? Kanske bör göra den lite fräsigare, med videos, och cool design.

1. Det finns en klassiskt editor för Unix-baserade system som heter "Emacs", och folk brukar på skämt säga att det ända Emacs saknar är en bra editor ...

Skrivet av Johan Zetterberg 3:e Juli, 2019.